﻿@charset "utf-8";

/*----------------------------------------------------
 elements
----------------------------------------------------*/
body {
/*font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;*/
line-height: 1.5;
-webkit-text-size-adjust: none; /* フォントサイズ自動調整 */
height: 100%;
}

/* a {-webkit-tap-highlight-color: rgba(200,200,555,.6);} */
a:link {text-decoration: none;}
a:visited {text-decoration: none;}

img {vertical-align: top;}



#pageEnd:after {content: "."; display: block; visibility: hidden; clear: both; height: 0; font-size: 0; line-height: 0;}

/* breadcrumbs reset */

		#breadcrumbs {padding-top: 10px;}
		#breadcrumbs ol {height: auto; background: none;}
		#breadcrumbs li {float: left; padding: 0; line-height: auto; background: none;}
		#breadcrumbs a {text-decoration: none; background: none;}
		#breadcrumbs a:hover {background: none;}


/* breadcrumbs back */
		#breadcrumbs a {
			display: block;
			cursor: pointer;
			font-size: 11px;
			line-height: 24px;
			height: 24px;
			-webkit-box-sizing: border-box;
			-webkit-border-radius: 5px;
			background-image: 
				-webkit-gradient(linear, left top, left bottom, 
					from(#666),
					color-stop(0.5, #555),
					color-stop(0.5, #222),
					to(#222)); 
			color: #fff;
			-webkit-tap-highlight-color: transparent;
			-webkit-user-select: none;
			padding: 0px 5px 0px 7px; margin-left: 12px;
			position: relative;
		}
		#breadcrumbs a:hover {
			background-image: 
				-webkit-gradient(linear, left top, left bottom, 
					from(#4286f5),
					color-stop(0.5, #4286f5),
					color-stop(0.5, #194fdb),
					to(#194fdb)); 
			-webkit-tap-highlight-color: transparent;
		}
		/* End Bordered Button Styles */


#breadcrumbs a:before {
	content: " ";
	display: block;
	z-index: -1;
	background-image:
		-webkit-gradient(linear, left top, right bottom,
					from(#666),
					color-stop(0.5, #555), 
					color-stop(0.5, #222),
					to(#222)); 

	-webkit-border-radius: 3px;
	height: 18px;
	width: 18px;
	display: inline-block;
	-webkit-transform: rotate(45deg);

	position: absolute;
	left: -6.5px;
	top: 3px;
	-webkit-background-clip: content;
}
#breadcrumbs a:hover:before {
	background-image:
		-webkit-gradient(linear, left top, right bottom,
			from(#7d88a5),
			color-stop(0.3, #58698c),
			color-stop(0.51, #3a4e78),
			color-stop(0.51, #253c6a),
			color-stop(0.75, #273f6d),
			to(#273f6d));
}

#showSearch {display: none; background: #f5f2e9 url(/cache/img/store/common/sheaderinputbg.gif) no-repeat 12px 10px; border-radius: 0 0 5px 5px; border:0; position: absolute; right: 10px; top: 0; height: 36px; width: 36px; border: solid #ddd7c7; border-width: 0 1px 1px;}
#mobileDirectOrder {display: none;}


/*----------------------------------------------------
 layout
----------------------------------------------------*/

#storeHeader,
#storeHeaderWrap,
.content,
#footer,
#footerWrap {width: 100%; margin: 0 auto; padding: 0; overflow: hidden;}

#breadcrumbs a span {max-width: 230px;}


/*----------------------------------------------------
landscape
----------------------------------------------------*/
@media all and (orientation:landscape) {
#header,
#headerWrap,
#storeHeader,
#storeHeaderWrap,
#globalNav,
.content,
#footer,
#footerWrap {width: 100%;}
#headerWrap,
#storeHeaderWrap {min-width: 100%;}

#breadcrumbs a span {max-width: 390px;}

}

/*----------------------------------------------------
 header
----------------------------------------------------*/
#siteName {font-size: 0; margin: 0 auto; float: none; padding: 0; text-align: center; line-height: 1; position: relative; width: 38%;}
#siteName span {width: 100%; height: 40px; padding: 25px; background: url("//www.muji.com/img/logo_muji_b.png") no-repeat center center; background-size: auto 18px; -webkit-background-size: auto 18px; display: inline-block; box-sizing: border-box;}
#siteName span:after {
	 margin: 0;
	 content: " ";
	 display: inline-block;
	 width: 9px;
	 height: 9px;
	 background: url(//www.muji.com/img/common/menu-arrow_down.png);
	 background-size: contain;
	 position: absolute; right: 0; top: 20px;
}
#siteName span.active:after {
	 margin: 0;
	 content: " ";
	 display: inline-block;
	 width: 9px;
	 height: 9px;
	 background:url(//www.muji.com/img/common/menu-arrow_up.png);
	 background-size:contain;
	 position: absolute; right: 0; top: 18px;
}
#globalNavBtn {position: absolute; top: 0; left: 0;}
#globalNavBtn span {width: 20px; height: 20px; padding: 25px; background: url("//www.muji.com/img/menu_b.png") no-repeat center center; background-size: auto 14px; -webkit-background-size: auto 14px; display: inline-block;text-indent: -9999px; cursor: pointer; box-sizing: border-box;}
#globalNavBtn.active span {background: url("/cache/m/img/header_setting_on.png") no-repeat 0 0; background-size: 49px 33px;}


/*----------------------------------------------------
 storeHeader
----------------------------------------------------*/

ul#shStoreNav li {/* float: left; */ line-height: 13px;}
ul#shStoreNav li a {padding: 10px; display: block;}

#headerbar .shNotification {position: absolute; left: 50px; top: 0; display: inline-block;}
#headerbar .shNotification .shNotificationHeading {display: block;}
#headerbar .shNotification .shNotificationHeading .heading {background: url(/img/notification/icon_notification.png) no-repeat center center; text-indent: -9999px; display: block; width: 20px; height: 40px; background-size: auto 21px; -webkit-background-size: auto 21px; opacity: .9; cursor: pointer; padding: 25px 15px; box-sizing: border-box;}
#headerbar .shNotification .count {top: 8px; right: 5px; color: #f00; background-color: #f00; position: absolute; border-radius: 50%; line-height: 1; font-size: 1px; height: 6px; width: 6px; vertical-align: middle; text-indent: -9999px;}

#headerbar #headerAvater {display: none;}

#headerCartBox {position: absolute; right: 0px; top: 0; margin-right: 0;}
#headerCartBox a {text-decoration: none; color: #333; display: block; border: 0; padding: 0; overflow: visible;}
#headerCartBox #cTitle,
#headerCartBox #cPriceArea {display: none;}

#storeHeaderWrap,
#storeHeader {overflow: visible;}
#cButton {top: 0; left: 0; position: relative; display: block; background: url(//www.muji.com/img/common/cart.png) no-repeat center center; background-size: auto 20px; -webkit-background-size: auto 20px; text-indent: -9999px; width: 20px; height: 40px; padding: 25px; box-sizing: border-box;}
#productQuantity {top: 8px; right: 8px; color: #f00; background-color: #f00; display: none; position: absolute; border-radius: 50%; line-height: 1; font-size: 1px; height: 6px; width: 6px; vertical-align: middle; text-indent: -9999px;}

/*.wrapAroundBanner {display: none;}*/
#sideNav {display: none;}

#headerSearchMenu span {display: block; text-indent: -9999px; background: url(//www.muji.com/img/icon_search_b.png) no-repeat center center; width: 20px; height: 40px; -webkit-background-size: auto 20px; background-size: auto 20px; position: absolute; top: 0; right: 50px; padding: 25px 15px; margin: 0; line-height: 1; outline: none; cursor: pointer; box-sizing: border-box;}

#hGuideLink {display: none;}


/* slideMenu */
#sideMenuHistory {clear: both; border: 0; padding: 0; margin-bottom: 20px; position: relative; padding: 15px}
#sideMenuHistory h2 {font-size: 13px; font-weight: normal; border: 0;}
#sideMenuHistory .itemList {
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  font-size: 14px;
}
#sideMenuHistory ul {white-space: nowrap; padding: 0 10px;}
#sideMenuHistory li {margin: 0 5px 0;}

.slideMenu h3:hover,
.slideMenu .snStoretop a:hover {background: #444;}
.slideMenu ul ul li a:hover {background: #333;}

#breadcrumbs {margin: 0 5px;}
#breadcrumbs ol {background: none;}
#breadcrumbs .current {display: none;}
#breadcrumbs ol li:nth-last-child(1n+3) {display: none;}
#breadcrumbs a span {display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}

#showSearch {background: #f5f2e9 url(/cache/img/store/common/sheaderinputbg.gif) no-repeat 12px 10px; border-radius: 0 0 5px 5px; border:0; position: absolute; right: 10px; top: 0; height: 36px; width: 36px; border: solid #ddd7c7; border-width: 0 1px 1px;}

.slideMenu #headerSearch {padding: 20px 15px; margin-top: 20px;}
.slideMenu #headerSearch input[type="search"] {
	background: none; border: solid #999; border-width: 0 0 1px; border-radius: 0;
	-webkit-appearance: none; width: 100%; background: url(//www.muji.com/img/icon_search_w.png) no-repeat left center; color: #fff;
	background-size: 15px 16px; min-height: 28px; padding-left: 8%; 
	font-size: 16px; scale(0.8);
	::-webkit-input-placeholder {color: #333};
	::-moz-placeholder {color: #333};
	:-moz-placeholder {color: #333};
	:-ms-input-placeholder {color: #333};
}
.slideMenu #headerSearch inputt[type="search"]:focus {background-color: transparent; outline: 0;}
.slideMenu div#sCategory {padding: 0; margin-bottom: 10px;}
.slideMenu #sCategory select#scat {
	color: #fff;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="6"><line x1="0" y1="0" x2="6" y2="6" stroke="white" stroke-width="1"/><line x1="6" y1="6" x2="12" y2="0" stroke="white" stroke-width="1"/></svg>') no-repeat right center;
}

#hSearch #headerSearch #sKeyword {padding: 20px 30% 30px 10%; position: relative;}
#hSearch #headerSearch #sKeyword input[type="search"] {
	background: none; border: solid #ccc; border-width: 0 0 1px; border-radius: 0;
	-webkit-appearance: none; width: 100%; min-height: 28px; padding-left: 0;
	font-size: 16px; scale(0.8);
	::-webkit-input-placeholder {color: #333};
	::-moz-placeholder {color: #333};
	:-moz-placeholder {color: #333};
	:-ms-input-placeholder {color: #333};
}
#hSearch #headerSearch #sKeyword input[type="search"]:focus {background-color: transparent;}
#hSearch #filter {display: none;}

#sCategory {padding: 40px 10% 0;}
#sCategory select#scat {background: none; font-size: 16px; scale(0.8); border: 0;
  /* removes default appearance of select */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0 1.2em 0 0;
  margin-right: 5px;
  border-radius: 0;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="6"><line x1="0" y1="0" x2="6" y2="6" stroke="black" stroke-width="1"/><line x1="6" y1="6" x2="12" y2="0" stroke="black" stroke-width="1"/></svg>') no-repeat right center;
}

#sSubmit {display: none;}
#headerWrap #sSubmit {display: block; position: absolute; right: 10%; bottom: 30px;}
#header #sSubmit a {display: inline-block;}
#header #sSubmit a {display: block; width: 40px; height: auto; border-radius: 3px; background: #ccc; padding: 10px 15px; color: #fff; font-size: 14px; text-align: center;}
#header #sSubmit a:link {color: #fff; text-decoration: none; font-size: 14px;}
#header #sSubmit a:hover {background: #999;}
#header #hSearch #headerSearch #sKeyword input[type="search"] {border: 1px solid #ddd; border-radius: 3px; height: 42px;}


/*----------------------------------------------------
 main
----------------------------------------------------*/

#main {width: auto; margin: 10px 0 0; min-height: auto;}
body #main h1 {font-size: 14px; font-weight: bold; padding: 5px 10px; margin: 0; text-indent: 0; border-bottom: 0; background: none; text-indent: 0;}

.mobileOnly {display: block;}
.pcOnly {display: none;}

/*----------------------------------------------------
 STORETOP
----------------------------------------------------*/

body#storeTop #mobileDirectOrder {margin-left: 10px; background: url(/cache/m/img/arrow.png) no-repeat 127px center; -webkit-background-size: 10px 13px;}

body#storeTop #mobileMaintenance a {display: block; text-align: center; color: #333; background: #eee; padding: 5px 0; margin-bottom: 0; width: auto; border-bottom: 1px solid #ddd;}

body#storeTop .content #main {margin-top: 10px;}
body#storeTop #main h2 {font-size: 10px; background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#555)); color: #fff; text-indent: 0; border-bottom: 1px solid #eee; padding: 5px; margin-bottom: 0;}

body#storeTop #main h2 b {font-size: 14px; margin-right: 5px;}

body#storeTop #mobileCampaign {margin-top: 30px;}

.simpleNav {margin: 10px auto; text-align: center;}
.simpleNav ul {display: inline-block;}
.simpleNav ul:after {content: " "; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0.1em; line-height: 0;}
.simpleNav li {float: left; margin-right: 5px;}
.simpleNav a {text-indent: -9999px; display: block; width: 12px; height: 12px; background: url(/m/img/simplenav.png) no-repeat -1px -1px;}
.simpleNav .current a {background-position: -1px -31px;}
body#storeTop #mobileCampaign1 {clear: both; padding: 5px 5px 0;}
body#storeTop #mobileCampaign1 .list ul{letter-spacing:-.40em;}
body#storeTop #mobileCampaign1 .list li{display: none;}
body#storeTop #mobileCampaign1 .list li.current{display:inline-block;width:200px;margin:0 5px;vertical-align:top;letter-spacing:normal; text-align: center;}
body#storeTop #mobileCampaign1 .list img {width:260px; margin-bottom: 5px; float: none;}
body#storeTop #mobileCampaign1 .list a{text-decoration:none;}
body#storeTop #mobileCampaign1 .list span {display: block; width: 270px; text-align: left;margin:auto}
body#storeTop #mobileCampaign1 .title {font-weight: bold;}
body#storeTop #mobileCampaign1 .btn{width:20px;font-size:10px; margin-top: 80px;}
body#storeTop #mobileCampaign1 .btn a{border-radius: 12px;}
body#storeTop #mobileCampaign1 .prev{float:left;margin-right: 5px;}
body#storeTop #mobileCampaign1 .next{float:right;}
body#storeTop #mobileCampaign1 .disabled a{background:#ccc;cursor:default;}


body#storeTop #mobileCampaign2 {margin: 10px 0 0;}
body#storeTop #mobileCampaign2 ul {border-top: 1px solid #eee;}
body#storeTop #mobileCampaign2 li {display: inline-block;
margin: 0; width: 159px; border-top: 0; padding-top: 0;
border-bottom: 1px solid #eee;
border-right: 1px solid #eee;
}
body#storeTop #mobileCampaign2 li a {position: relative; display: block; padding: 20px 15px 20px 60px;}
body#storeTop #mobileCampaign2 li#mobileNewItem a {background: url(/cache/m/img/arrow.png) no-repeat 95% center, url('/cache/m/img/thumb_new.png') no-repeat 10px center; -webkit-background-size: 10px 13px, auto;}
body#storeTop #mobileCampaign2 li#mobileResaleItem a {background: url(/cache/m/img/arrow.png) no-repeat 95% center, url('/cache/m/img/thumb_reconsider.png') no-repeat 10px center; -webkit-background-size: 10px 13px, auto;}

body#storeTop .more {margin-bottom: 30px;}
body#storeTop .more a {display: block; text-align: center; padding: 10px 5px;
background: url(/cache/m/img/arrow.png) no-repeat 95% center #efefef; -webkit-background-size: 10px 13px;}

body#storeTop #mobileCategoryList h2 {border-bottom: 0;}

body#storeTop #mobileCategoryList {margin: 0 0 30px;}
body#storeTop #mobileCategoryList ul {border-top: 1px solid #eee;}
body#storeTop #mobileCategoryList li h3 {border-bottom: 1px solid #eee;
position: relative; display: block; padding: 20px 15px 20px 45px; margin: 0;
-webkit-background-size: 13px 10px, auto, auto;
}
body#storeTop #mobileCategoryList li.D00001 h3.categoryClose {
background: url(/cache/m/img/arrow_down.png) no-repeat 95% center,
url(/cache/m/img/icon_sidenav.png) no-repeat 10px 22px,
-webkit-gradient(linear, left top, left bottom, from(#fff), to(#f9f9f9));
}
body#storeTop #mobileCategoryList li.D00002 h3.categoryClose {
background: url(/cache/m/img/arrow_down.png) no-repeat 95% center,
url(/cache/m/img/icon_sidenav.png) no-repeat 10px -28px,
-webkit-gradient(linear, left top, left bottom, from(#fff), to(#f9f9f9));
}
body#storeTop #mobileCategoryList li.D00003 h3.categoryClose {
background: url(/cache/m/img/arrow_down.png) no-repeat 95% center,
url(/cache/m/img/icon_sidenav.png) no-repeat 10px -74px,
-webkit-gradient(linear, left top, left bottom, from(#fff), to(#f9f9f9));
}
body#storeTop #mobileCategoryList li.D00004 h3.categoryClose {
background: url(/cache/m/img/arrow_down.png) no-repeat 95% center,
url(/cache/m/img/icon_sidenav.png) no-repeat 10px -230px,
-webkit-gradient(linear, left top, left bottom, from(#fff), to(#f9f9f9));
}
body#storeTop #mobileCategoryList li.D00005 h3.categoryClose {
background: url(/cache/m/img/arrow_down.png) no-repeat 95% center,
url(/cache/m/img/icon_sidenav.png) no-repeat 10px -125px,
-webkit-gradient(linear, left top, left bottom, from(#fff), to(#f9f9f9));
}
body#storeTop #mobileCategoryList li.D00006 h3.categoryClose {
background: url(/cache/m/img/arrow_down.png) no-repeat 95% center,
url(/cache/m/img/icon_sidenav.png) no-repeat 10px -179px,
-webkit-gradient(linear, left top, left bottom, from(#fff), to(#f9f9f9));
}

body#storeTop #mobileCategoryList li.D00001 h3.categoryOpen {
background: url(/cache/m/img/arrow_up.png) no-repeat 95% center,
url(/cache/m/img/icon_sidenav.png) no-repeat 10px 22px,
-webkit-gradient(linear, left top, left bottom, from(#fff), to(#f9f9f9));
}
body#storeTop #mobileCategoryList li.D00002 h3.categoryOpen {
background: url(/cache/m/img/arrow_up.png) no-repeat 95% center,
url(/cache/m/img/icon_sidenav.png) no-repeat 10px -28px,
-webkit-gradient(linear, left top, left bottom, from(#fff), to(#f9f9f9));
}
body#storeTop #mobileCategoryList li.D00003 h3.categoryOpen {
background: url(/cache/m/img/arrow_up.png) no-repeat 95% center,
url(/cache/m/img/icon_sidenav.png) no-repeat 10px -74px,
-webkit-gradient(linear, left top, left bottom, from(#fff), to(#f9f9f9));
}
body#storeTop #mobileCategoryList li.D00004 h3.categoryOpen {
background: url(/cache/m/img/arrow_up.png) no-repeat 95% center,
url(/cache/m/img/icon_sidenav.png) no-repeat 10px -230px,
-webkit-gradient(linear, left top, left bottom, from(#fff), to(#f9f9f9));
}
body#storeTop #mobileCategoryList li.D00005 h3.categoryOpen {
background: url(/cache/m/img/arrow_up.png) no-repeat 95% center,
url(/cache/m/img/icon_sidenav.png) no-repeat 10px -125px,
-webkit-gradient(linear, left top, left bottom, from(#fff), to(#f9f9f9));
}
body#storeTop #mobileCategoryList li.D00006 h3.categoryOpen {
background: url(/cache/m/img/arrow_up.png) no-repeat 95% center,
url(/cache/m/img/icon_sidenav.png) no-repeat 10px -179px,
-webkit-gradient(linear, left top, left bottom, from(#fff), to(#f9f9f9));
}


body#storeTop #mobileCategoryList li ul li a {
display: block;
padding: 20px 10px 20px 45px;
border-bottom: 1px solid #ddd;
font-size: 12px;
margin-bottom: 0;
background: url(/cache/m/img/arrow.png) 95% center no-repeat #f5f5f5;
-webkit-background-size: 10px 13px;}


body#storeTop #mobileValuePrice h2 {border-bottom: 0;}

body#storeTop #mobileValuePrice {margin: 0 0 30px;}
body#storeTop #mobileValuePrice ul {border-top: 1px solid #eee;}
body#storeTop #mobileValuePrice li a {border-bottom: 1px solid #eee;
position: relative; display: block; padding: 20px 15px 20px 60px; margin: 0;
-webkit-background-size: 10px 13px, auto, auto;
}
body#storeTop #mobileValuePrice li#factoryOutlet a {
background: url(/cache/m/img/arrow.png) no-repeat 95% center,
url(/cache/m/img/thumb_fo.png) no-repeat 5px center,
-webkit-gradient(linear, left top, left bottom, from(#fff), to(#f9f9f9));
}
body#storeTop #mobileValuePrice li#wholeSale a {
background: url(/cache/m/img/arrow.png) no-repeat 95% center,
url(/cache/m/img/thumb_wholesale.png) no-repeat 10px center,
-webkit-gradient(linear, left top, left bottom, from(#fff), to(#f9f9f9));
}
body#storeTop #mobileValuePrice li#reducedPrice a {
background: url(/cache/m/img/arrow.png) no-repeat 95% center,
url(/cache/m/img/thumb_reducedprice.png) no-repeat 10px center,
-webkit-gradient(linear, left top, left bottom, from(#fff), to(#f9f9f9));
}
body#storeTop #mobileValuePrice li#trialDiscount a {
background: url(/cache/m/img/arrow.png) no-repeat 95% center,
url(/cache/m/img/thumb_trialdiscount.png) no-repeat 10px center,
-webkit-gradient(linear, left top, left bottom, from(#fff), to(#f9f9f9));
}
body#storeTop #mobileValuePrice li#combination a {
background: url(/cache/m/img/arrow.png) no-repeat 95% center,
url(/cache/m/img/thumb_combination.png) no-repeat 10px center,
-webkit-gradient(linear, left top, left bottom, from(#fff), to(#f9f9f9));
}

body#storeTop #mobileRecommend {margin-bottom: 30px;}
body#storeTop #mobileRecommend .label {display: inline-block; background: #999; padding: 2px; font-size: 10px; color: #fff; font-weight: bold; text-align: center; border-radius: 2px;}


body#storeTop #campaign,
body#storeTop .topMain,
body#storeTop aside,
body#storeTop #maintenance {display: none;}


#mobileBanner {margin-bottom: 20px;}
#mobileBanner ul {letter-spacing: -.40em; border-top: 1px solid #eee; border-bottom: 1px solid #eee;}
#mobileBanner li {
display: inline-block;
width: 159px; vertical-align: top; letter-spacing: normal;
border-bottom: 1px solid #eee;
border-right: 1px solid #eee;
margin-bottom: -1px;}
#mobileBanner li a {display: block; padding: 5px; background: url(/cache/m/img/arrow.png) no-repeat 95% center;}
#mobileBanner a img {width: 149px;}


/*----------------------------------------------------
 SEARCH 
----------------------------------------------------*/

#snRefinement,
#snSiblingCategory {position: relative;}
#snRefinement h2,
#snSiblingCategory h2,
.controlBar h2 {font-size: 12px; font-weight: normal; text-align: center; color: #333; background: #ddd;}
#snRefinement h2 {width: 100%; border-bottom: 1px solid #eee;}
#snSiblingCategory h2 {width: 100%;}
#snRefinement dl,
#snSiblingCategory dl {display: none;}
#snRefinementItems,
#snSiblingCategoryItems,
#sortItems {border: solid #333; border-width: 3px; background: #f5eedd;}
#snRefinementItems dt,
#snSiblingCategoryItems dt a,
#sortItems dt {display: block; font-weight: bold; padding: 10px; background: #333; color: #fff;}
#snRefinementItems dd a,
#snSiblingCategoryItems dd a,
#sortItems dd a,
#sortItems dd span {display: block; padding: 5px;border-bottom: 1px solid #fff; font-size: 13px;}
#snRefinementItems dd:last-child a,
#snSiblingCategoryItems dd:last-child a,
#sortItems dd:last-child a {border: 0;}
#sortItems dd span {color: #666; background: #eeddcc;}

.controlBar {margin-top: 0; position: relative;}
.controlBar h2 {display: block; width: 70px; float: left; margin: 0;border-right: 1px solid #ddd; padding: 10px 0;}
.controlBar h2 a {display: block; padding: 10px 0;}
.controlBar #sortItems {display: none;}
.controlBar .itemsParPage,
.controlBar .viewSwitch {display: none;}

.pageNav {border-top: 1px solid #ddd;}
.pageNumber {float: none; text-align: center;}
.pageShift {float: none; text-align: center; padding-top: 0;}
.pageShift ul {display: inline-block;}
.pageShift li {margin: 0 5px;}
.pageShift li a, .pageShift li span {padding: 4px 10px;}
.pageShift li.prev {padding: 4px 10px 4px 0;}
.pageShift li.next {padding: 4px 0 4px 10px;}

#main .itemList {margin-bottom: 0;}
#main .itemList ul {margin: 10px 0 0; letter-spacing: normal;}
#main .itemList li {
display: block; text-align: left;
width: auto; padding: 10px; vertical-align: top;
position: relative;
min-height: 70px;
border-bottom: 1px solid #eee;
background: url(/cache/m/img/arrow.png) no-repeat 95% center,
-webkit-gradient(linear, left top, left bottom, from(#fff), to(#f9f9f9));
-webkit-background-size: 10px 13px, auto;
}
#main .itemList li:last-child {border-bottom: 0;}
#main .itemList a {display: inline; margin-bottom: 5px;}
#main .itemList .thumb {margin: 0 5px 0 0; border-radius: 3px; display: block; background: #fff;}
#main .itemList .thumb img {width: 100%; height: auto;}
#main .itemList .name {margin-right: 5px; text-decoration: none;}
#main .itemList .price {display: block; margin: 5px 0 10px; line-height: 1.2;}
#main .itemList .info ul {margin-right: -3px; overflow: hidden;}
.newicon,
.stockicon {margin-bottom: 3px;}
#main .itemList .info li {
display: inline-block;
padding:1px 0 0;
min-height: 0;
margin: 0 5px 0 0;
border: 1px solid #666;
-webkit-box-shadow: none;
background: none;
}

/*----------------------------------------------------
 CATEGORY TOP 
----------------------------------------------------*/

/*
body.browse #main #promotion,
body.categoryTop #main #promotion {display: none;}
*/

/* #promotion.single */
#promotion.single .itemList a {display: block; width: auto; /* padding: 10px 30px 10px 60px; min-height: 50px; */}
#main #promotion.single .itemList .thumb {width: 70px; height: 70px;}
#main #promotion.single .itemList li {
	padding: 5px 0; min-height: auto; display: none;
	background: url(/cache/m/img/arrow.png) no-repeat 95% center; -webkit-background-size: 10px 13px, auto; min-height: 50px;
}

#main #promotion.single .itemList li:first-child {display:block;}
.itemList .more {width: 100%; text-align: center; padding: 5px 0;}

.catetop_itemlist #mobileCategoryList li ul li a {
	display: block;
	padding: 20px 10px 20px 45px;
	border-bottom: 1px solid #ddd;
	font-size: 12px;
	margin-bottom: 0;
	background: url(/cache/m/img/arrow.png) 95% center no-repeat #f5f5f5;
	-webkit-background-size: 10px 13px;}

#promotion.single .image {width: 100%; overflow: hidden; float: none; margin: 0;}
#promotion.single .image img {width: 100%; height: auto; margin-top: -25%; margin-bottom: -25%;}
#promotion.single .description {overflow: visible; padding: 10px;}
#promotion.single .description h1 {padding: 0;}
#promotion.single .relatedLink {margin-top: 10px;}
#main section#promotion,
#main section#promotion.single {padding: 0;}
#promotion.single .itemList .desc {width: 70%; display: inline-block;}
body.categoryTop #main section .description h1 {background: none; color: #333; border: 0; margin-bottom: 5px; font-size: 14px;}

#promotion.largeImage h1 img {width: 100%; height: auto;}
section.description.mobileOnly {display: none;}

/* subcategory */
#subCategory {border: 0; width: auto; margin: 10px 0 30px; padding: 0;}
#subCategory ul {margin-right: 0; margin-top: 0; letter-spacing: normal; border-top: 1px solid #eee;}
#subCategory li {display: inline-block;
margin: 0; width: 33.33%; border-top: 0; padding-top: 0; box-sizing: border-box;
border-bottom: 1px solid #eee;
border-right: 1px solid #eee;
}

@media only screen and (max-width : 480px){
	#subCategory li {width: 50%;}
}

#subCategory li a {position: relative; display: block; padding: 10px 15px 0px 60px; min-height: 60px;
background: url(/cache/m/img/arrow.png) no-repeat 95% center,
-webkit-gradient(linear, left top, left bottom, from(#fff), to(#f9f9f9));
-webkit-background-size: 10px 13px, auto;
}
#subCategory ul li a .name {display: block; background: none; padding: 0;}
#subCategory .img {display: block; position: absolute; top: 0; width: 55px; height: 60px; background-repeat: none; *z-index: -1;}
body.categoryTop #subCategory .img1 {left: 0; width: 55px; background-position: 5px 10px; background-repeat: no-repeat; margin-left: 0;}
#subCategory .img2 {left: 55px; display: none;}

body.categoryTop #main section {border-top: 0; margin-bottom: 20px; padding: 0;}
body.categoryTop #main section h1 {font-size: 12px; background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#555)); color: #fff; text-indent: 0; border-bottom: 1px solid #eee; padding: 5px; /* margin-bottom: 20px; */}
body.categoryTop #main .itemLst ul {margin-right: 0; margin-top: 0; border-top: 1px solid #eee;}

body.categoryTop #faq {display: none;}

.viewAll {padding: 0;}
body.categoryTop .section .viewAll a {display: block; text-align: center; padding: 10px 5px;
background: url(/cache/m/img/arrow.png) no-repeat 95% center #efefef; -webkit-background-size: 10px 13px;}

body.categoryTop .campaignList ul {margin-right: 0;}
body.categoryTop .campaignList li {
width: 33.33%; margin: 0; box-sizing: border-box; display: inline-block; padding: 10px; background-color: #FFF;
}
body.categoryTop .campaignList li img {
width: 100%; border: 1px solid #eee;
}

@media only screen and (max-width : 480px){
	body.categoryTop .campaignList li {width: 50%;}
}

/* bestSeller,trendNow,pickForYou */
body.categoryTop #bestSeller,body.categoryTop #trendNow,body.categoryTop #pickForYou{zoom:1;display:block;margin-top:25px;}
body.categoryTop #bestSeller:after,body.categoryTop #trendNow:after,body.categoryTop #pickForYou:after{content:'';clear:both;display:block;}
body.categoryTop #bestSeller,body.categoryTop #trendNow,body.categoryTop #pickForYou{clear:both;border:solid #ccc;border-width:1px 0 0;padding:5px 0 0;}
body.categoryTop #bestSeller .itemList ul,body.categoryTop #trendNow .itemList ul,body.categoryTop #pickForYou .itemList ul{letter-spacing:-.40em;}
body.categoryTop #bestSeller .itemList li,body.categoryTop #trendNow .itemList li,body.categoryTop #pickForYou .itemList li{display:inline-block;width:120px;margin:0 5px;vertical-align:top;letter-spacing:normal;padding:0;background:none;border:0;}
body.categoryTop #bestSeller .itemList a,body.categoryTop #trendNow .itemList a,body.categoryTop #pickForYou .itemList a{text-decoration:none;}
body.categoryTop #bestSeller .itemList .thumb,body.categoryTop #trendNow .itemList .thumb,body.categoryTop #pickForYou .itemList .thumb{float:none;margin-right:5px;position:static;text-align:center;display:block;width:auto;}
body.categoryTop #bestSeller .itemList,body.categoryTop #trendNow .itemList,body.categoryTop #pickForYou .itemList{width:120px;margin-left:10px;}
body.categoryTop #bestSeller .itemList .desc,body.categoryTop #trendNow .itemList .desc,body.categoryTop #pickForYou .itemList .desc{display:block;padding-left:0;}
body.categoryTop #bestSeller .itemList .name,body.categoryTop #trendNow .itemList .name,body.categoryTop #pickForYou .itemList .name {font-size:12px;text-decoration:none;}
body.categoryTop #bestSeller .itemList .price,body.categoryTop #trendNow .itemList .price,body.categoryTop #pickForYou .itemList .price{margin-top:5px;display:block;color:#000;position:relative;z-index:2;}
body.categoryTop #bestSeller .thumb img,body.categoryTop #trendNow .thumb img,body.categoryTop #pickForYou .thumb img{width:90px;height:90px;}
body.categoryTop #bestSeller .btn,body.categoryTop #trendNow .btn,body.categoryTop #pickForYou .btn{width:20px;font-size:10px;line-height:60px;}
body.categoryTop #bestSeller .disabled a,body.categoryTop #trendNow .disabled a,body.categoryTop #pickForYou .disabled a{background:#ccc;cursor:default;}

/* searchResultItems */
#main #searchResultItems {padding: 0 10px;}
#main #searchResultItems h2 {background: none; color: #191919;}
#main #searchResultItems .itemList {margin-bottom: 10px;}
#main #searchResultItems .itemList li {display: inline-block; width: 120px; margin: 0 5px; padding: 0; background: none; border: 0;}
#main #searchResultItems .itemList .thumb {position: static; padding: 0; border-radius: 0; float: left; margin: 0 5px 0 0; display: inline;}
#main #searchResultItems .thumb img {width: 40px; height: 40px;}
#main #searchResultItems .itemList .name {margin-right: 0;}
#main #searchResultItems .itemList .price {margin: 5px 0 0; line-height: auto;}

/* 仮  */
#T20023 #subCategory {border: 0; width: auto; margin: 10px 0 30px; padding: 0;}
#T20023 #subCategory ul {margin: 0; letter-spacing: normal;}
#T20023 #subCategory li {display: inline-block;
margin: 0; width: 159px; padding-top: 0;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
#T20023 #subCategory li a {position: relative; display: block; padding: 0; height: 80px; border: 0;
background: url(/cache/m/img/arrow.png) no-repeat 95% center,
-webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
-webkit-background-size: 10px 13px, auto;
}
#T20023 #subCategory .img1 {display: block; width: 140px; height: 80px; background-repeat: none; *z-index: -1; background-size: 140px 77px; position: absolute; top: -8px;}
#S2002301 h2 img, #S2002302 h2 img,  #S2002303 h2 img,  #S2002304 h2 img,  #S2002305 h2 img, #S2002306 h2 img {width: 100%; height: auto;}

body #main section.pdflist {margin: 0 0 15px 0; padding: 0;}
body #main section.pdflist li {background: none; padding: 0;}
body #main section.pdflist li a {padding: 10px 15px 10px 20px; display: block;}
body #main section.pdflist h1 {font-size: 13px; padding: 10px; font-weight: normal;}
body #main section.pdflist h1.contentOpen {background: url(/cache/m/img/arrow_up.png) no-repeat 95% center, #f7f7f7; -webkit-background-size: 13px 10px;}
body #main section.pdflist h1.contentClose {background: url(/cache/m/img/arrow_down.png) no-repeat 95% center, #f7f7f7; -webkit-background-size: 13px 10px;}
body #main section.pdflist ul {display: none;}


/* directorder */
#directorder .focus {float: none; border: 0; width: 100%;}
#directorder list1 tr:nth-child(n+10) {display: none;}
#directorder p.lead {padding: 0 10px;}
#directorder p.catalog {text-align: center; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin: 10px 0;}
#directorder p.catalog a {display: block; background: url(/cache/m/img/arrow.png) no-repeat 95% center; -webkit-background-size: 10px 13px; padding: 10px 0;}
#directorder p.catalog img {margin-right: 10px; vertical-align: middle;}
#directorder form#basketForm {width: 95%; padding: 0 10px;}

/* recipe */
body#recipeTop article#main header h1 {display: block; width: 100%;}
body#recipeTop #main {width: 100%;}
body#recipeTop .pcOnly {display:none;}
body#recipeTop #main header {width: 100%; ; height:110px;  background-size: 100% auto; background-position: center center; position: relative; padding: 0;}
body#recipeTop article#main header h1#title img {width: 150px; height: auto; top: 70px; left: 10px;}
body#recipeTop .recipeDetail ul {margin: 0 20px;}
body#recipeTop .recipeDetail li {margin: 0 0 20px 0;}
body#recipeTop .itemList {margin: 0; padding: 0;}
body#recipeTop .itemList .name,
body#recipeTop .itemList .price {padding-left: 60px;}
body#recipeTop article#main .itemList ul { margin: 0; padding: 0; }
body#recipeTop article#main .itemList li {width: 100%; margin: 0; padding: 0; min-height: 60px;}
body#recipeTop .recipeDetail .itemList ul li {width: 100%; margin: 0; padding: 10px 0;}
body#recipeTop .recipeDetail .itemList li a {display: block; padding: 10px 0;}
body#recipeTop p.title {margin: 5px 0 5px 20px;}
body#recipeTop .recipeDetail,
body#recipeTop nav.skipNav {display: none;}
body#recipeTop p.lead {padding: 0 20px;}
body#recipeTop #main>section {margin-bottom: 0;}
body#recipeTop #main section h1 {display: block; margin: 0; padding: 20px 10px; border-top: 1px solid #ddd;}
body#recipeTop #main section h1.contentOpen { background: url(/cache/m/img/arrow_down.png) 95% center no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f9f9f9)); -webkit-background-size: 13px 10px, auto;}
body#recipeTop #main section h1.contentClose { background: url(/cache/m/img/arrow_up.png) 95% center no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f9f9f9)); -webkit-background-size: 13px 10px, auto;}
body.recipe header h1#title,
body.recipe aside .print {display: none;}
body.recipe #main {margin: 0 20px; border: 0;}
body.recipe article figure {float: none;}
body.recipe article#main figure img {width: 100%; height: auto;}
body.recipe article#main h1 {margin-left: 0; padding-left: 0;}
body.recipe #main h1.name,
body.recipe #ingredients h1 {margin-top: 20px;}
body.recipe article #ingredients dd {padding-left: 40px;}


/*----------------------------------------------------
 SUBCATEGORY
----------------------------------------------------*/

nav.sectionNav {margin-top:10px;padding:0 10px;}
.pdflist {margin:10px;}
 #main #loadContent .itemList .thumb img {width: 95px; height: 95px;}

/*----------------------------------------------------
 cmdty
----------------------------------------------------*/

body#item #breadcrumbs ol li:nth-last-child(1n+2) {display: none;}

#picture {float: none; width: auto; margin-bottom: 10px;}
#mainPictures {height: 320px;}
#mainPicture {text-align: center;}
.mainImage {width: 320px; height: 320px;}
#thumbnails {margin-right: -5px; margin-left: 10px; text-align: center;}
#thumbnails ul {text-align: left; display: inline-block; letter-spacing: -.40em;}
#thumbnails li {float: none; display: inline-block; margin: 0 4px 4px 0; letter-spacing: normal;}
#thumbnails img{width: 45px; height: 45px;}

#mainPicture:hover:after,
#enlargePictureWrap:hover:after {display: none;}

#controlPanel {float: none; width: auto;margin-left: 10px; margin-right: 10px;}

#controlPanel #aboutShipping a,
#controlPanel #shopStock a,
#controlPanel #refundPolicy a,
#controlPanel .incidentalServiceAbout {text-decoration: underline;}

#controlPanel #banner li.bannerFreeShipping,
#controlPanel #banner li.bannerTogether,
#controlPanel #banner li.bannerMixMatch,
#controlPanel #banner li.bannerLimited {background: url(/cache/m/img/arrow_7f0019.png) no-repeat 95% center; width: 268px; -webkit-background-size: 10px 13px; background-color: #fff;}

#controlPanel #banner li.bannerFreeShipping dl,
#controlPanel #banner li.bannerTogether dl,
#controlPanel #banner li.bannerMixMatch dl,
#controlPanel #banner li.bannerLimited dl {width: 245px;}

#controlPanel #manual {border-bottom: 1px solid #e8e8e8; padding-bottom: 10px; margin-bottom: 15px;}

#sns {width: auto; float: none; margin: 15px 10px 0;}
#sns .share {width: auto;}

#sns #myMUJI {width: auto;}
#sns #myMUJI ul {width: 130px; float: left; margin-top: 2px;}
#sns #wish, #sns #own {width: 136px; float: left; margin: 0 4px 4px;}

#detail .section {display: none;}
#detail #incidental,
#detail #sizeList,
#detail #spec,
#detail #relatedItems,
#detail .important {display: block; margin-left: 10px; margin-right: 10px;}

#detail #pictogram {margin-top: -12px; display: block; border-bottom: 0; padding-bottom: 0;}
#detail #pictogram div {display: inline-block; margin: 0; width: 159px; border-top: 1px solid #eee; padding-top: 0; border-bottom: 1px solid #eee; border-right: 1px solid #eee; float: left;}
#detail #pictogram div a {background: url(/cache/m/img/arrow.png) no-repeat 95% center; min-height: 50px; width: 159px; -webkit-background-size: 10px 13px; position: relative; display: table-cell; padding: 0 20px 0 10px; height: 50px; vertical-align: middle;}
#detail #pictogram ul {zoom: 1; width: 100%; margin-left: 10px;}
#detail #pictogram ul li {margin-bottom: 10px;}
#detail #pictogram ul:after {content: " "; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0.1em; line-height: 0;}

.subCol #manual ul {background: #f2f2f2;}
.subCol #manual li {margin-bottom: 0;}
.subCol #manual li a {display: block; padding: 10px 10px 10px 28px; border-bottom: 1px solid #fff; background-position: 10px 10px;}
.subCol #manual li:last-child a {border-bottom: 0;}
.subCol #manual p {margin: 10px;}

#viewInPCmode {margin-bottom: 30px;}
#viewInPCmode a {display: block; text-align: center; padding: 10px 5px;
background: url(/cache/m/img/arrow.png) no-repeat 95% center #efefef; -webkit-background-size: 10px 13px;}

.mainCol {width: auto; float: none;}
.subCol {width: auto; float: none;}

#order .btn a {padding: 5px; font-size: 14px; width: 140px; text-align: center;
			background-image: 
				-webkit-gradient(linear, left top, left bottom, 
					from(#444444),
					color-stop(0.5, #333333),
					color-stop(0.5, #222222),
					to(#222222));
					border-radius: 5px;
}

li.reserve,
li.pickup,
li.valueSet {width: auto; padding: 2px 0px 2px 5px;}

#priceTag .info li.reserve,
#priceTag .info li.pickup {padding: 1px 4px;}

body#item #detail #incidental {margin: 0 10px;}

body#item #sizeList table.horizontal {width: 100%;}
body#item #sizeList table.horizontal th,
body#item #sizeList table.horizontal td {padding: 5px 0; font-size: 10px;}


#detail #relatedItems .itemList ul {margin: 0 -15px 0 0; letter-spacing: -.40em;}
#detail #relatedItems .itemList li {
display: inline-block;
width: 120px; margin: 0 5px; padding: 0; vertical-align: top; letter-spacing: normal; position: static; min-height: auto; border-bottom: 0;
background: none;}
#detail #relatedItems .itemList a {display: block; margin-bottom: 5px;}
#detail #relatedItems .itemList .name {margin-right: 0;}
#detail #relatedItems .itemList .thumb {position: static; display: block; text-align: center;}
#detail #relatedItems .itemList .thumb img {width: 90px; height: 90px;}
#detail #relatedItems .itemList .price {display: inline-block; line-height: 1.2;}
#detail #relatedItems .itemList .free {font-size: 12px; font-weight: bold;}
#detail #relatedItems .itemList br {display: none;}

/*body#item #recommend {display: none;}*/
body#item #recommend {display: block; margin-top: 25px;}
body#item #history {margin-top: 15px;}
#deliveryDate a {text-decoration: underline;}

/* complement */
body#item #complement {zoom:1;display:block;margin-bottom:15px;clear:both;padding:5px 0 0;}
body#item #complement:after {content:'';clear:both;display:block;}
body#item #complement h2 {padding: 0 5px 5px; border-bottom: 1px solid #e8e8e8;}
body#item #complement .itemList ul {letter-spacing: -.40em;}
body#item #complement .itemList li {display: inline-block; width: 120px; margin: 0 5px; vertical-align: top; letter-spacing: normal; padding: 0; background: none; border: 0;}
body#item #complement .itemList a {text-decoration: none;}
body#item #complement .itemList .thumb {float: none; margin-right: 5px; position: static; text-align: center; display: block;}
body#item #complement .itemList { width: 120px; margin-left:10px;}
body#item #complement .itemList .desc {display: block; padding-left: 0;}
body#item #complement .itemList .name {font-size: 12px; text-decoration: none;}
body#item #complement .itemList .price {margin-top: 5px; display: block; color: #000;position: relative; z-index: 2;}
body#item #complement .thumb img {width: 90px; height: 90px;}
body#item #complement .btn {width: 20px; font-size: 10px; line-height: 60px;}
body#item #complement .disabled a {background:#ccc; cursor: default;}

/* ultimateBought */
body#item #ultimateBought {zoom:1;display:block;margin-bottom:15px;clear:both;padding:5px 0 0;}
body#item #ultimateBought:after {content:'';clear:both;display:block;}
body#item #ultimateBought h2 {padding: 0 5px 5px; border-bottom: 1px solid #e8e8e8;}
body#item #ultimateBought .itemList ul {letter-spacing: -.40em;}
body#item #ultimateBought .itemList li {display: inline-block; width: 120px; margin: 0 5px; vertical-align: top; letter-spacing: normal; padding: 0; background: none; border: 0;}
body#item #ultimateBought .itemList a {text-decoration: none;}
body#item #ultimateBought .itemList .thumb {float: none; margin-right: 5px; position: static; text-align: center; display: block;}
body#item #ultimateBought .itemList { width: 120px; margin-left:10px;}
body#item #ultimateBought .itemList .desc {display: block; padding-left: 0;}
body#item #ultimateBought .itemList .name {font-size: 12px; text-decoration: none;}
body#item #ultimateBought .itemList .price {margin-top: 5px; display: block; color: #000;position: relative; z-index: 2;}
body#item #ultimateBought .thumb img {width: 90px; height: 90px;}
body#item #ultimateBought .btn {width: 20px; font-size: 10px; line-height: 60px;}
body#item #ultimateBought .disabled a {background:#ccc; cursor: default;}

/* recommend */
body#item #recommend {zoom:1;display:block;margin-bottom:15px;clear:both;padding:5px 0 0;border:none;}
body#item #recommend:after {content:'';clear:both;display:block;}
body#item #recommend h2 {padding: 0 5px 5px; border-bottom: 1px solid #e8e8e8;}
body#item #recommend .itemList ul {letter-spacing: -.40em;}
body#item #recommend .itemList li {display: inline-block; width: 120px; margin: 0 5px; vertical-align: top; letter-spacing: normal; padding: 0; background: none; border: 0;}
body#item #recommend .itemList a {text-decoration: none;}
body#item #recommend .itemList .thumb {float: none; margin-right: 5px; position: static; text-align: center; display: block;}
body#item #recommend .itemList { width: 120px; margin-left:10px;}
body#item #recommend .itemList .desc {display: block; padding-left: 0;}
body#item #recommend .itemList .name {font-size: 12px; text-decoration: none;}
body#item #recommend .itemList .price {margin-top: 5px; display: block; color: #000;position: relative; z-index: 2;}
body#item #recommend .thumb img {width: 90px; height: 90px;}
body#item #recommend .btn {width: 20px; font-size: 10px; line-height: 60px;}
body#item #recommend .disabled a {background:#ccc; cursor: default;}

/* ranking */
#main .itemRanking {width: 100%; border:0; border-top: 1px solid #eee; padding: 15px 0 5px;}
#main .itemRanking h1 {padding-left: 10px;}
#main .itemRanking .itemList .thumb {margin-bottom: 10px;}
#main .itemRanking .itemList .thumb {position: relative; width: 90px; left: 0; padding: 0;}
#main .itemRanking .itemList .thumb img {width: 80px;}
#main .itemRanking .itemList ul {margin-right: 0;}
#main .itemRanking .itemList li {width: 20%; border-bottom: 1px solid #eee; background:none; border-bottom: 0; padding: 10px; display: inline-block; box-sizing: border-box; margin: 0;}
#main .itemRanking .itemList li:after {left: 10px;}
#main .itemRanking .itemList li:nth-child(4),
#main .itemRanking .itemList li:nth-child(5) {display: block;}
#main .itemRanking .itemList .name {margin-right: 0;}
body #main .itemRanking .itemList a {padding: 0; background: none; border-bottom: 0;}

@media only screen and (max-width : 480px){
	#main .itemRanking .itemList li {width: 33.33%;}
	#main .itemRanking .itemList li:nth-child(4),
	#main .itemRanking .itemList li:nth-child(5) {display: none;}
}

/* general include */
#detail .includeDetail.section {display:block;}
#detail .includeDetail.section .multiDeviceInc {display:block;}
/*#detail .includeDetail.section > * {display:none;}*/
#detail .multiDeviceInc h1 {font-size:18px;padding:0 0 10px;margin:0;}
#detail .multiDeviceInc section section > h1, #detail .multiDeviceInc aside h1 {font-size:15px;margin:0;}
.multiDeviceInc {padding:0 10px;width:auto;margin-left:-20px;margin-right:-20px;}
.multiDeviceInc > * {margin-top:20px;}
.multiDeviceInc a {text-decoration:underline;}
.multiDeviceInc .relatedLink a {text-decoration:none;}
.multiDeviceInc aside {padding:10px;}
.multiDeviceInc figure {text-align:center;}
.multiDeviceInc img {margin:0 auto 5px;display:block;height:auto;}
.multiDeviceInc .column2, .multiDeviceInc .column3, .multiDeviceInc .column4 {width:100%;display:table;}
.multiDeviceInc .colWrap {display:table-cell;float:none;text-align:center;width:auto;}
.multiDeviceInc	.colWrap.variableL {width:124px;}
.multiDeviceInc	.colWrap.variableR {width:100%;text-align:left;}
.multiDeviceInc .col {width:auto;text-align:left;}
.multiDeviceInc .colWrap:first-child .col {margin-left:0;}
.multiDeviceInc .column2 .col {margin-left:10px;}
.multiDeviceInc .column3 .col {margin-left:9px;}
.multiDeviceInc .column4 .col {margin-left:8px;}
.multiDeviceInc .column2 img {width:124px;}
.multiDeviceInc .column3 img {width:81px;}
.multiDeviceInc .column4 img {width:59px;}
.multiDeviceInc *.row {display:block;}
.multiDeviceInc *.row .col {width:100%;margin-left:0;}
.multiDeviceInc	.row figure {float:left;}
.multiDeviceInc .row .colWrap {width:100%;text-align:left;display:block;}
.multiDeviceInc th, .multiDeviceInc td {padding:5px;}

/* coordinate include */
.includeDetail .coordinate img {margin:0;}
.includeDetail .coordinate li+li {margin-top:10px;}
.includeDetail .coordinate .column2+ul {margin-top:12px;}

/* found MUJI Market include */
#fmmArticle img {width: 260px;}
#fmmMaker img {width: 124px;}
#fmmMaker p {overflow: visible;}
#fmmArticle figure, #fmmMaker figure {width: auto; text-align: left;}
#fmmArticle figcaption, #fmmMaker figcaption {overflow: hidden;}
#detail #fmmRelatedLink h1 {font-size: 16px;}
#fmmRelatedLink ul {margin-top:0;}

#detail table.vertical th, #detail table.vertical td {padding:5px;}

/* flipsnap */
body#item #picture {height: 380px;}
body#item .viewport {width: 320px; height: 320px; overflow: hidden; margin: 0 auto; position: relative;}
body#item .flipsnap {width: 5760px;}
body#item .flipsnap:after {content: ''; display: block; clear: both; height: 0;}
body#item #mainPicture { width: 320px; text-align: center; float: left; position: relative;}
body#item #picture #thumbnails ul { text-align: center; padding: 20px 0;}
body#item #picture #thumbnails li a {display: none;}
body#item #picture #thumbnails li {display: inline-block; width: 8px; height: 8px; border-radius: 8px; background: #ccc;}
body#item #picture #thumbnails li.current {background: #000;}  
body#item #picture #mainPictures #mainPicture img {width: 320px; height: auto;}
body#item #picture #mainPictures #mainPicture div img {width: 75px;}
body#item #picture {-webkit-tap-highlight-color: transparent;}

/*----------------------------------------------------
 shopstock
----------------------------------------------------*/

body#shopstock {width: auto;}
body#shopstock .pageTop {display: none;}
body#shopstock .status {width: 30%;}

/*----------------------------------------------------
 storestock
----------------------------------------------------*/

body#storestock {width: auto;}
body#storestock dt {width: 5em;}
body#storestock .submit {margin-left: 5em;}


/*----------------------------------------------------
 login
----------------------------------------------------*/

body#login #main h1 {padding: 5px 0;}

body#login #main {margin: 10px 10px 0;}

body#login #main #member h2 {display: none;}

body#login #main #guest h2 {font-size: 14px;}

body#login #main  h3 {font-size: 12px;}

body#login #member {border: 0; padding: 0;}
body#login #guest {padding: 10px;}
body#login #guest .note {padding: 10px 0 10px 10px;}
body#login .focus dl {margin-top: 0;}
body#login .focus dl dt {float: none; width: auto; margin: 0; padding: 0; text-align: left;}
body#login .focus dl dd {margin: 0 0 5px 0; padding: 3px 0;}

body#login #goReminder {text-align: center; margin-bottom: 0;}
body#login .submit {margin: 10px auto;}

body#login #member input:not([type="checkbox"]) {width: 97%; font-size: 16px; padding: .4em 0 .4em 5px;
-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
border: 1px solid #adadad;
-webkit-appearance: none;
line-height:1.4;
}
body#login #autoLogin {margin-left: 0; text-align: center;}

/*----------------------------------------------------
 logout
----------------------------------------------------*/
body#logout #main h1 {padding: 5px 0;}
body#logout #main {margin: 10px 10px 0; position: relative;}
body#logout .submit {margin: 10px auto;}
body#logout .section {margin: 10px auto 20px; background-color: #eee; padding: 10px;}
body#logout .prevNext .prev {position: absolute; left: 0; bottom: 0;}

/*----------------------------------------------------
 userAuth
----------------------------------------------------*/
body#userAuth #main h1 {padding: 5px 0;}
body#userAuth #main {margin: 10px 10px 0;}
body#userAuth #member {border: 0; padding: 0;}
body#userAuth .focus dl {margin-top: 0;}
body#userAuth .focus dl dt {float: none; width: auto; margin: 0; padding: 0; text-align: left;}
body#userAuth .focus dl dd {margin: 0 0 5px 0; padding: 3px 0;}
body#userAuth #goReminder {text-align: center; margin-bottom: 0;}
body#userAuth .submit {margin: 10px auto;}
body#userAuth #member input:not([type="checkbox"]) {width: 97%; font-size: 16px; padding: .4em 0 .4em 5px;
-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
border: 1px solid #adadad;
-webkit-appearance: none;
line-height:1.4;
}
body#userAuth dd#email span {font-size: 15px; color:#999; display: block; word-break: break-all; word-wrap: break-word;}
body#userAuth label/* .memberEmail */ {display: none;}
body#userAuth p#goLogout a {text-decoration: underline;}

/*----------------------------------------------------
reminder
----------------------------------------------------*/
body#reminder #main h1 {padding: 5px 0;}
body#reminder #main {margin: 10px 10px 0;}
body#reminder .submit {margin: 10px auto;}
body#reminder input {width: 97%; font-size: 16px; padding: .4em 0 .4em 5px;
-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
border: 1px solid #adadad;
-webkit-appearance: none;
line-height:1.4;
}
body#reminder .focus dt {float: none; width: 100%;}
body#reminder .focus dd {margin: 5px 0 10px 0; padding: 0;}
body#reminder .annotation a, body#reminder  .prev a {text-decoration: underline;}

body#reminderComplete #main {margin: 10px 10px 0;}
body#reminderComplete h1 {margin-left: -10px;}
body#reminderComplete .goBack a {text-decoration: underline;}

/*----------------------------------------------------
categoryList
----------------------------------------------------*/
body#categoryList #main h2,
body#categoryList #main h3,
body#categoryList #main ul li {display: block; padding: 20px 10px;
border-bottom: 1px solid #ddd7c7;
font-size: 12px;
margin-bottom: 0;
font-weight: normal;
}
body#categoryList #main .skipNav {display: none;}
body#categoryList .section .pageTop {display: none; margin :0;}
body#categoryList #main h2 {background: url(/cache/m/img/arrow_down.png) 95% center no-repeat #f5eedd; font-weight: bold;
-webkit-background-size: 13px 10px, auto; margin: 0;
}
body#categoryList #main h3 {background: url(/cache/m/img/arrow_down.png) 95% center no-repeat #eee;
-webkit-background-size: 13px 10px;
}
body#categoryList #main h3 a {pointer-events: none;}
body#categoryList #main ul {margin: 0; letter-spacing: normal;}
body#categoryList #main ul li {width: 139px; margin: 0; border-right: 1px solid #eee; border-bottom: 1px solid #eee; display: inline-block; word-wrap: break-word; word-break: break-all;
background: url(/cache/m/img/arrow.png) 95% center no-repeat #fff; 
-webkit-background-size: 10px 13px;
}
body#categoryList #main .category ul li a {background: none; position: relative; display: block; padding: 0;}
body#categoryList #main .category {margin: 0; width: 100%;}
body#categoryList #main .section {margin: 0;}
body#categoryList #main section {margin-right: 0;}

body#categoryList #main .headOpen {background: url(/cache/m/img/arrow_up.png) no-repeat 95% center,
-webkit-gradient(linear, left top, left bottom, from(#f5eedd), to(#f5ddcc));
-webkit-background-size: 13px 10px, auto;}
body#categoryList #main .headClose {background: url(/cache/m/img/arrow_down.png) no-repeat 95% center,
-webkit-gradient(linear, left top, left bottom, from(#f5eedd), to(#f5ddcc));
-webkit-background-size: 13px 10px, auto;}
body#categoryList #main .contentOpen {background: url(/cache/m/img/arrow_up.png) 95% center no-repeat #eee; -webkit-background-size: 13px 10px, auto;}
body#categoryList #main .contentClose {background: url(/cache/m/img/arrow_down.png) 95% center no-repeat #eee; -webkit-background-size: 13px 10px, auto;}


/*----------------------------------------------------
cmdty My muji
----------------------------------------------------*/
/*body#item .skipToComment {display: none;}*/
body#item .postReview textarea {
width: 97%; font-size: 16px; /*padding: .4em 0 .4em 5px;*/
-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
border: 1px solid #adadad;
-webkit-appearance: none;
line-height:1.4; height:35px;
}
body#item .coin a {text-decoration: underline;}
body#signin .content {position: absolute; left: 130px; top: 150px; width: 200px; height: auto;}
body#signin .content .lead {margin-bottom: 10px; font-size: 12px;}
body#signin .content h1 { font-weight: bold; font-size: 15px; margin-bottom: 10px;}
body#signin .connect li a {width: 120px;}
body#signin .connect .btn.standby {background-image: none; padding-left:10px;}

/*----------------------------------------------------
leave
----------------------------------------------------*/
body#leave #main {margin: 10px 10px 0;}
body#leave .submit {margin: 20px auto;}
body#leave input {width: 97%; font-size: 16px; padding: .4em 0 .4em 5px;
-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
border: 1px solid #adadad;
-webkit-appearance: none;
line-height:1.4;
}
body#leave .focus dt {float: none; width: 100%;}
body#leave .focus dd {margin: 5px 0 10px 0; padding: 0;}
body#leave .prev a {text-decoration: underline;}
body#leave #main h1 {margin-left: -10px;}
body#leave #goReminder {margin: 10px auto; width: 50%; text-align: center;}
body#leave #goReminder a {text-decoration: underline;}
body#leave .note {padding-bottom: 0; margin-top: 20px;}
body#leave .note dt {margin-top: 10px; font-weight: bold;}
body#leave .note dd span {width: 90%; display: inline-block;}
body#leave .focus dl dt {text-align: left;}
body#leave p.lead {font-size: 11px; margin-bottom: 10px;}

/*----------------------------------------------------
leaveConfirm
----------------------------------------------------*/
body#leaveConfirm #main {margin: 10px 10px 0;}
body#leaveConfirm .submit {margin: 10px auto;}
body#leaveConfirm input {width: 97%; font-size: 16px; padding: .4em 0 .4em 5px;
-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
border: 1px solid #adadad;
-webkit-appearance: none;
line-height:1.4;
}
body#leaveConfirm .prev a {text-decoration: underline;}
body#leaveConfirm #main h1 {margin-left: -10px;}
body#leaveConfirm .prevNext li {height: 50px;}
body#leaveConfirm .prevNext {position: relative;}
body#leaveConfirm #backButton {position: absolute; top: 40px;}
body#leaveConfirm p.lead {font-size: 11px; margin-bottom: 10px;}
body#leaveConfirm #subConfirm a {text-decoration: underline;}
body#leaveConfirm table.vertical th {width: 7em;}


/*----------------------------------------------------
leaveComplete
----------------------------------------------------*/
body#leaveComplete #main {margin: 10px 10px 0;}
body#leaveComplete .goBack a {text-decoration: underline;}
body#leaveComplete #main h1 {margin-left: -10px;}
body#leaveComplete p.lead {font-size: 11px; margin-bottom: 30px;}

/*----------------------------------------------------
factory outlet
----------------------------------------------------*/
body#T00015_2 #main {margin: 10px 10px 0; min-height: 80px;}
body#T00015_2 #login {padding: 10px; border: 0;}
body#T00015_2 #login p {margin-bottom: 30px;}
body#T00015_2 #login p a {text-decoration: underline; width: 100%; text-align: center; display: inline-block; margin-top: 10px;}
body#T00015_2 h1 {display: none;}
body#T00015_2 h2 {font-size: 12px;}
body#T00015_2 .submit {margin: 10px auto;}
body#T00015_2 p.lead {font-size: 11px;}

body#T00015 #freeShippingCategory h2 {width: 100%; margin-bottom: 0;}
body#T00015 #subCategory h3 {margin-left: 10px; border: 0;}
body#T00015 #subCategory {border: 0; width: auto; margin: 10px 0 30px; padding: 0;}
body#T00015 #subCategory ul {margin-top: 0; border-top: 1px solid #eee; letter-spacing: -.40em;}
body#T00015 #subCategory li {
width: 158px; vertical-align: top;
border-bottom: 1px solid #eee;
border-right: 1px solid #eee;
border-radius: none;
background-color: #fff;margin-right: 1px;
}
body#T00015 #subCategory li a {position: relative; display: block; padding: 10px 0 0 40px; min-height: 50px;
background: url(/cache/m/img/arrow.png) no-repeat 95% center,
-webkit-gradient(linear, left top, left bottom, from(#fff), to(#f9f9f9));
-webkit-background-size: 10px 13px, auto; width: 118px; border-radius: none;
overflow: hidden;
}
body#T00015 #subCategory li a:hover {opacity:1;}
body#T00015 #subCategory .img {display: block; position: absolute; top: 5px; background-repeat: none; *z-index: -1;}
body#T00015 #subCategory .img1 {left: 0; background-repeat: no-repeat; margin-left: 0;}
body#T00015 #subCategory ul li a .name {display: block; background: none; padding-right: 18px;}
body#T00015 #promotion.section.single, #T00015_2 #promotion.section.single {display: block; }
body#T00015 .image, #T00015_2 .image {float: none; width: 280px; margin: 0 auto;}
body#T00015 .description, #T00015_2 .description {margin: 10px 10px 0;}
body#T00015 #main #promotion h2, #T00015_2 #main #promotion h2 {background: #fff; color: #191919; margin: 0 0 5px -5px; border: 0; font-size: 12px;}
body#T00015 h1 {display: none;}

/*----------------------------------------------------
sitemap
----------------------------------------------------*/
body#siteMap .main {margin: 0;}
body#siteMap h1 {font-size: 14px; font-weight: bold; padding: 10px; margin: 0; text-indent: 0; border-bottom: 0; background: none; text-indent: 0;}
body#siteMap h2 {font-size: 12px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; margin-bottom: 0; min-height: 20px; background: #ccc;}
body#siteMap h2.mobileOnly {padding: 10px;}
body#siteMap h2 a {background: url(/cache/m/img/arrow.png) no-repeat 95% center,
-webkit-gradient(linear, left top, left bottom, from(#fff), to(#f9f9f9)); -webkit-background-size: 10px 13px, auto; position: relative; display: block; padding: 20px 0 0 20px; min-height: 40px;}
body#siteMap .categorybox {margin: 0 0 20px 0; border: 0; padding-top: 0; width: 100%;}
body#siteMap ul.entryTitle, #siteMap ul.relatedLink {width: 100%; font-size: 0; overflow: hidden;}
body#siteMap ul.entryTitle li, #siteMap ul.relatedLink li {border-bottom: 1px solid #eee; border-right: 1px solid #eee; font-size: 12px; padding-bottom:0; width: 33.33%; height: 56px; float: left; display: table; box-sizing: border-box;}
body#siteMap ul.entryTitle li a, #siteMap ul.relatedLink li a  {display: table-cell; position: relative; padding: 0 24px 0 20px; vertical-align: middle;
background: url(/cache/m/img/arrow.png) no-repeat 95% center #fff; -webkit-background-size: 10px 13px;
}
body#siteMap ul.relatedLink li {font-weight: normal;}

@media only screen and (max-width : 480px){
	body#siteMap ul.entryTitle li, #siteMap ul.relatedLink li {width: 50%;}
}

/*----------------------------------------------------
firstUser
----------------------------------------------------*/
body#firstUser p {margin: 10px;}
body#firstUser #firstUserInfo li a {border-bottom: 1px solid #eee;
position: relative; display: block; padding: 20px 15px 20px 30px; margin: 0;
background: url(/cache/m/img/arrow.png) no-repeat 95% center,
-webkit-gradient(linear, left top, left bottom, from(#fff), to(#f9f9f9));
-webkit-background-size: 10px 13px, auto;
}
body#firstUser #firstUserInfo li:first-child {border-top: 1px solid #eee;}
body#firstUser .submit {margin: 20px auto;}

/*----------------------------------------------------
campaignList
----------------------------------------------------*/

body#campaignList ul.campaignList {margin: 0;}
body#campaignList #campaign.section h1 {padding-left: 10px;}
body#campaignList .campaignList li {width: 33.33%; height: auto; margin: 0; background-color: #FFF; padding: 10px; box-sizing: border-box;}
body#campaignList .campaignList li img {width: 100%; height: auto; border: 1px solid #eee;}
body#campaignList .campaignList li a:hover img {opacity: 0.8;}

@media only screen and (max-width : 480px){
	body#campaignList .campaignList li {width: 50%;}
}

/*----------------------------------------------------
skipNav
----------------------------------------------------*/
.skipNav li a {padding: 5px 5px 5px 20px; background: url(/cache/img/common/arrow_down.png) no-repeat 8px center;}
.skipNav li:last-child a {border: 0;}
.skipNav .current a, #snSection1 .skipNav .snLink1 a, #snSection2 .skipNav .snLink2 a, #snSection3 .skipNav .snLink3 a, #snSection4 .skipNav .snLink4 a, #snSection5 .skipNav .snLink5 a, #snSection6 .skipNav .snLink6 a, #snSection7 .skipNav .snLink7 a, #snSection8 .skipNav .snLink8 a, #snSection9 .skipNav .snLink9 a, #snSection10 .skipNav .snLink10 a{
background: #F4F4F4; color: #999; cursor: default; padding: 5px;
}


/*----------------------------------------------------
 footer
----------------------------------------------------*/

#footer {margin-top: 20px;}

#storeFooterWrap,
#footerNav {display: none;}

#snCategory{margin-bottom: 0;}

#snCategory #snBanner,
#snCategory #snCategoryList,
#snCategory ul {display: none;}

#snCategory ul {display: block;}

#mobileNav {display: block;}

#snCategory h2,
#snCategory ul li h3,
#snCategory ul li a,
#mobileNav li a {display: block; padding: 20px 10px;
border-bottom: 1px solid #ddd7c7;
font-size: 12px;
margin-bottom: 0;
font-weight: normal;
}

#snCategory h2 {background: url(/cache/m/img/arrow_down.png) 95% center no-repeat #f5eedd; font-weight: bold;
-webkit-background-size: 13px 10px, auto;
}
#snCategory ul {display: none;}
#snCategory ul li h3 {background: url(/cache/m/img/arrow_down.png) 95% center no-repeat #eee;
-webkit-background-size: 13px 10px;
}
#snCategory ul li a {background: url(/cache/m/img/arrow.png) 95% center no-repeat #fff;
-webkit-background-size: 10px 13px;
}
#mobileNav li a {background: url(/cache/m/img/arrow.png) 95% center no-repeat #f5eedd;
-webkit-background-size: 10px 13px;
}

#pageEnd {padding: 0 10px;}
#copyright {margin-bottom: 0; text-align: center;}

/*
#snCategory ul {display: block;}
#snCategory ul ul {display: none;}
#snCategory h2 {background: url(/m/img/arrow_up.png) 95% center no-repeat #f5eedd;}
#snCategory .D00010 h3 {background: url(/m/img/arrow_up.png) 95% center no-repeat #eee;}
#snCategory .D00010 ul {display: block;}
*/

#snCategory .headOpen {background: url(/cache/m/img/arrow_up.png) no-repeat 95% center,
-webkit-gradient(linear, left top, left bottom, from(#f5eedd), to(#f5ddcc));
-webkit-background-size: 13px 10px, auto;}
#snCategory .headClose {background: url(/cache/m/img/arrow_down.png) no-repeat 95% center,
-webkit-gradient(linear, left top, left bottom, from(#f5eedd), to(#f5ddcc));
-webkit-background-size: 13px 10px, auto;}
#snCategory .contentOpen {background: url(/cache/m/img/arrow_up.png) 95% center no-repeat #eee; -webkit-background-size: 13px 10px;}
#snCategory .contentClose {background: url(/cache/m/img/arrow_down.png) 95% center no-repeat #eee; -webkit-background-size: 13px 10px;}

#snCategory .D00007+.D00008 {display: none;}

#footer #snCategory .snGuide,
#footer #snCategory .snStoretop {display: none;}

#history .thumb {display: block; text-align: center; padding: 3px;}
#history .thumb img {width: 90px; height: 90px;}
#history .itemList { margin-left:10px;}
#history .itemList li { width: 120px;}
#history .itemList .name {text-decoration:none;}
#history .itemList .thumb {float: none;}
#history .itemList .desc {padding-left: 0;}
#history .itemList .price {margin-left: 0;}

/* section/X00001 */
body#X00001 #rcmdCategory {width: auto; border: 0; padding: 0; margin: 10px 0 30px;}
body#X00001 #rcmdCategory h1 {display: none;}
body#X00001 #rcmdCategory ul {margin-right: 0; margin-top: 0; letter-spacing: -.40em; border-top: 1px solid #eee;}
body#X00001 #rcmdCategory li {display: inline-block;
letter-spacing: normal;
margin: 0; width: 33.33%; border-top: 0; padding-top: 0;
border-bottom: 1px solid #eee;
border-right: 1px solid #eee;
border-left: 0;
box-sizing: border-box;
}

@media only screen and (max-width : 480px){
	body#X00001 #rcmdCategory li {width: 50%;}
}

body#X00001 #rcmdCategory li a {display: block; min-height: 60px; padding: 10px 15px 0px 60px;
background: url(/cache/m/img/arrow.png) no-repeat 95% center,
-webkit-gradient(linear, left top, left bottom, from(#fff), to(#f9f9f9))
-webkit-background-size: 10px 13px, auto;
border: 0;
}
body#X00001 #rcmdCategory ul li a .name {display: block; background: none; padding: 0; margin:0;}
body#X00001 #rcmdCategory .img {display: block; position: absolute; top: 0; width: 55px; height: 60px; background-repeat: none; margin:0;}
body#X00001 #rcmdCategory .img1 {left: 0; width: 55px; background-position: 5px 10px; background-repeat: no-repeat; margin-left: 0; float: none;}

body#X00001 #promotion figure {padding: 0;}
body#X00001 #promotion figure.otegoro img {border: none;}


/*----------------------------------------------------
 ERROR 
----------------------------------------------------*/

#error #main {min-height: 150px;}
#error #main p {margin: 50px 10px;}

/*----------------------------------------------------
 mypage 
----------------------------------------------------*/

body#mypage .aside {float: none;}
body#mypage #message {width: auto; margin: 10px 10px 0;}
body#mypage #main {width: 100%;}
body#mypage #main h2 {font-size: 12px; background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#555)); color: #fff; text-indent: 0; border-bottom: 1px solid #eee; padding: 5px; margin-bottom: 20px;}

/* pickForYou,newArrival,history */
body#mypage #history,body#mypage #pickForYou,body#mypage #newArrival{zoom:1;display:block;margin-top:15px;}
body#mypage #pickForYou,body#mypage #newArrival{border-top:0;}
body#mypage #history:after,body#mypage #pickForYou:after,body#mypage #newArrival:after{content:'';clear:both;display:block;}
body#mypage #history,body#mypage #pickForYou,body#mypage #newArrival{clear:both;padding:5px 0 0;}
body#mypage #pickForYou h2,body#mypage #newArrival h2{font-size:14px;padding:0 10px 5px;border-bottom:1px solid #e8e8e8;margin-bottom:10px;background:none;color:#333;}
body#mypage #history h2{padding:0 10px 5px;}
body#mypage #history .itemList ul,body#mypage #pickForYou .itemList ul,body#mypage #newArrival .itemList ul{letter-spacing:-.40em;}
body#mypage #history .itemList li,body#mypage #pickForYou .itemList li,body#mypage #newArrival .itemList li{display:inline-block;width:120px;margin:0 5px;vertical-align:top;letter-spacing:normal;padding:0;background:none;border:0;}
body#mypage #history .itemList a,body#mypage #pickForYou .itemList a,body#mypage #newArrival .itemList a{text-decoration: none;}
body#mypage #history .itemList .thumb,body#mypage #pickForYou .itemList .thumb,body#mypage #newArrival .itemList .thumb{float: none; margin-right: 5px; position: static; text-align: center; display: block;}
body#mypage #history .itemList,body#mypage #pickForYou .itemList,body#mypage #newArrival .itemList{width:120px;margin-left:10px;padding:0;}
body#mypage #history .itemList .desc,body#mypage #pickForYou .itemList .desc,body#mypage #newArrival .itemList .desc{display: block; padding-left: 0;}
body#mypage #history .itemList .name,body#mypage #pickForYou .itemList .name,body#mypage #newArrival .itemList .name{font-size: 11px; text-decoration: none;}
body#mypage #history .itemList .price,body#mypage #pickForYou .itemList .price,body#mypage #newArrival .itemList .price{margin-top: 5px; display: block; color: #000;position: relative; z-index: 2;}
body#mypage #history .thumb img,body#mypage #pickForYou .thumb img,body#mypage #newArrival .thumb img{width: 90px; height: 90px;}

body#mypage #function {width: 100%; float: none; margin-top: 10px;}
body#mypage #function .section {width: 100%;}
body#mypage #function h2 {margin-bottom: 0;}
body#mypage #function ul {margin-left: 0;}
body#mypage #function ul {border-top: 1px solid #eee;}
body#mypage #function li {display: inline-block;
margin: 0; width: 33.33%; border-top: 0; padding-top: 0; box-sizing: border-box;
border-bottom: 1px solid #eee;
border-right: 1px solid #eee;
}
body#mypage #function li a {background: url(/cache/m/img/arrow.png) no-repeat 95% center; min-height: 50px; width: 20%; -webkit-background-size: 10px 13px; position: relative; display: table-cell; padding: 0 20px 0 10px; height: 50px; vertical-align: middle;}

@media only screen and (max-width : 480px){
	body#mypage #function li {width: 50%;}
}

body#mypage #news, body#mypage #donation {display: none;}
body#mypage #userInfo {padding: 0; background: #FFF; border: none;}
body#mypage #userInfo:before {border: 0;}
body#mypage #campaign {width: auto; float: none;}
body#mypage #campaign .mobileOnly {margin: 10px 0 0; text-align: center;}
body#mypage #campaign .mobileOnly img {width: 300px;}
body#mypage #greeting {text-align: center;}
body#mypage #passport {background: #eee;}

body#mypage #myCoupon {border:1px solid #ccc; border-radius: 3px; margin:5px 0;}
body#mypage #myCoupon ul li.desc {border-top: #e7e7e7 1px solid;}
body#mypage #myCoupon ul li.desc:first-child {border-top: none;}
body#mypage #myCoupon ul li.desc a {background: none;}
body#mypage #myCoupon ul li.desc a {background: url(/cache/m/img/arrow.png) no-repeat 97% center; min-height: 60px; -webkit-background-size: 10px 13px; position: relative; padding: 0 30px 0 20px; height: auto; vertical-align: middle; width:auto;}

body#mypage li img {width: 100%;}

body#mypage #recommend {width: 100%;}



/* #HeaderTopBanner */
#HeaderTopBanner {text-align: center; background: #fff; position: relative; border-bottom: 1px solid #eee; width: 100%;}
#HeaderTopBanner a {display: inline-block; color: #7f0019; font-size: 11px; line-height: 1.3; padding-top: 2px;}
#HeaderTopBanner a:hover {color: #7f0019;}
#HeaderTopBanner .title,
#HeaderTopBanner .period {display: inline-block; text-align: left; width: 215px; vertical-align: middle; margin-bottom: 2px; font-size: .9em;}
#HeaderTopBanner.mujiWeek img {width: 120px; height: auto; margin: 3px 0; display: inline-block; vertical-align: middle;}
#HeaderTopBanner.freeSipping img {width: 200px; height: auto; margin: 3px 0 1px; display: inline-block; vertical-align: middle;}
#HeaderTopBanner span.limited {line-height: 1.2; text-align: left; font-size: 10px; display: inline-block; vertical-align: middle; color: #fff; background-color: #7f0019; padding: 4px 5px; border-radius: 2px;}
#HeaderTopBanner span.off {font-weight: bold; font-size: 20px; margin: 3px 3px 3px 0; display: inline-block; vertical-align: middle; line-height: 1;}
#HeaderTopBanner span.brackets-before {letter-spacing: -5px;}
#HeaderTopBanner span.brackets-after {letter-spacing: -5px;}
#HeaderTopBanner .title:after {content: ""; display: block; clear: both;}

body#login.mujicard #member dd br {display:none;}